<script setup>
import { onShow, onLoad } from '@dcloudio/uni-app'
import { ref, onMounted, reactive } from 'vue'

onShow(() => {
  console.log('页面显示了')
  // 在这里可以执行页面显示时的逻辑，比如刷新数据
  // uni.setNavigationBarTitle({
  //   title: '陈威靖吉利有线粤TG3K25',
  // })
  // wx.setNavigationBarTitle({
  //   title: '新标题',
  // })
})
onLoad((options) => {
  console.log(options)
  uni.setNavigationBarTitle({
    title: options.name,
  })
})
const list = reactive([
  {
    text: '设备名称',
    value: '陈威靖吉利有线粤TG3K25',
  },
  {
    text: '车牌号',
    value: '未填写',
  },
  {
    text: 'IMEI号',
    value: '860620062450014',
  },
  {
    text: '备注',
    value: '',
  },
  {
    text: '最后通讯时间',
    value: '2025-02-17 10:49:49',
  },
  {
    text: '设备型号',
    value: '4G18A',
  },
  {
    text: '设备型号',
    value: '4G18A',
  },
  {
    text: '开通时间',
    value: '2024-05-28',
  },
  {
    text: '启用时间',
    value: '2024-06-14',
  },
  {
    text: '到期时间',
    value: '2025-06-15',
  },
  {
    text: '报警信息',
    value: '',
  },
  {
    text: '设备联系人',
    value: '',
  },
  {
    text: '联系人电话',
    value: '未填写',
  },
])
</script>

<template>
  <!-- <uni-list>
    <uni-list-item title="默认 navigateTo 方式跳转页面" link note="列表描述信息"></uni-list-item>
  </uni-list> -->

  <uni-list>
    <uni-list-item
      v-for="(item, index) in list"
      :key="index"
      :title="item.text"
      link
      :right-text="item.value"
    >
    </uni-list-item>
  </uni-list>
</template>

<style lang="scss">
//
</style>
